<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/static/css/reset.css">
    <link rel="stylesheet" href="/static/css/book.css">
    <title>书籍详情</title>
</head>
<body>
<div id="app" style="height: 100%;overflow: hidden;">
    <% include include/common-header.html%>
    <div class="container-scroll" style="">
        <div class="book-page">
            <section class="main-card">
                <div class="u-book -detail">
                    <div class="book-cover">
                        <img src="http://cover.read.duokan.com/mfsv2/download/s010/p01yfPOuJRok/dQJSYfAnD3AB42.jpg!s" alt="">
                    </div>
                    <div class="info">
                        <h3 class="title">盗墓笔记</h3>
                        <p class="author">
                            <span class="author">南派三叔</span>
                        </p>
                        <!--
                        <div class="u-grade">
                            <span class="read">12 个评价</span>
                        </div>
                        -->
                        <!--<p class="price">价格：1书币/千字</p>-->
                        <p class="count">
                            字数：70999字
                            <!--<span class="u-booktag -serial">连载中</span>-->
                        </p>
                        <p class="u-booktag -serial">连载中</p>
                    </div>
                </div>
            </section>

            <section class="main-card">
                <div class="book-dash">
                    <div class="wrap">
                        <ul class="btn-group">
                            <li class="u-btn2" onclick="location.href='/reader'">
                                <span class="book-dash-text"></span>
                            </li>
                        </ul>
                    </div>
                    <div class="u-folder">
                        <div class="folder-cnt">
                            地球最强兵王魂穿异世，融轮回武帝记忆，修《九龙战尊诀》，所向披靡，战威无可敌！会炼药、能炼器、懂铭纹……生活职业，全能才是王道！
                        </div>
                        <div class="folder-tail">
                            <div>最新：暂无</div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="main-card">
                <div class="book-tags">
                    <div class="boot-tags-title">
                        <h3>标签类别</h3>
                    </div>
                    <div class="book-tags-cnt">
                        <ul class="m-tag -color">
                            <li class="u-tag">寻墓探险</li>
                            <li class="u-tag">寻墓探险</li>
                            <li class="u-tag">寻墓探险</li>
                        </ul>
                    </div>
                </div>
            </section>

            <section class="main-card">
                <div class="book-recommend-title">
                    <h1>小说推荐</h1>
                </div>
                <div class="cnt">
                    <ul class="book-table">
                        <li>
                            <div class="u-book -vertical">
                                <div class="book-cover">
                                    <img src="/static/img/book2.jpg" alt="">
                                </div>
                                <div class="info">
                                    <h3 class="titile">凌天战尊</h3>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="u-book -vertical">
                                <div class="book-cover">
                                    <img src="/static/img/book2.jpg" alt="">
                                </div>
                                <div class="info">
                                    <h3 class="titile">凌天战尊</h3>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="u-book -vertical">
                                <div class="book-cover">
                                    <img src="/static/img/book2.jpg" alt="">
                                </div>
                                <div class="info">
                                    <h3 class="titile">凌天战尊</h3>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
            </section>

        </div>
    </div>

</div>
<script src="/static/script/vue.min.js"></script>
<script src="/static/script/zepto.min.js"></script>
<script src="/static/script/pages/index.js"></script>
</body>
</html>